{% extends "/layout.html" %}

{% block title %}
{{ game.name }} - {{ parent() }}
{% endblock %}

{% block head %}
{{ parent() }}
<script type="text/javascript">
var profile = false;
var rate_path = "{{ path('Games', 'rate', {'type':'game', 'id':game.id}) }}";
var comment_path = "{{ path('Games', 'comment', {'type':'game', 'id':game.id}) }}";
var favourite_path = "{{ path('Games', 'favourite', {'id':game.id}) }}";
</script>
{[ time_ago() ]}
{[ js('play') ]}
{% if game.leaderboard_enabled && setting('Game.publisher_id') %}
<script type="text/javascript" src="http://xs.mochiads.com/static/pub/swf/leaderboard.js"></script>
{% endif %}
{% endblock %}

{% block page %}
{% if game.leaderboard_enabled && setting('Game.publisher_id') && !user.authenticated %}
<div class="box full error">
	<p>{[ __('log_in_enable_submit', {'log_in':'<a href="#log_in">{value}</a>'}) ]}</p>
	<a class="close"></a>
</div>
{% endif %}
<div class="box full">
	<div class="title">
		<p class="title">{{ game.name }}</p>
		<p id="rating" class="right">
			{% repeat 10 (i) %}
			<a class="star{% if i <= round(game.rating) %} active{% endif %}{% if i == rated %} user{% endif %}">{{ i }}</a>
			{% endrepeat %}
			{% if user.authenticated %}
			<a class="favourite {% if favourited %}remove{% else %}add{% endif %}"><span class="add">{{ __('add_favourite') }}</span><span class="remove">{{ __('remove_favourite') }}</span></a>
			{% endif %}
		</p>
	</div>
	<div class="content padded game">
		{% if game.leaderboard_enabled && setting('Game.publisher_id') %}
		<div id="leaderboard_bridge"></div>
		<script type="text/javascript">
		Mochi.addLeaderboardIntegration(
		{
			'id': "leaderboard_bridge",
			'partnerID': "{{ setting('Game.publisher_id') }}",
			{% if user.authenticated %}
			'userID': '{{ user.id }}',
			'username': '{{ user.username }}',
			{% else %}
			'denyScores': "{{ __('log_in_to_submit_score') }}",
			{% endif %}
			'siteName': "{{ setting('title') }}",
			'siteURL': "{{ http_path() }}",
			'profileURL': "{{ http_path('Users', 'profile', {'name':'${name}'}) }}",
			'postMedals': true,
			
			'callback': function(parameters)
			{
				$.ajax("{{ path('Games', 'submission') }}",
				{
					'data': parameters,
					'type': 'POST',
					'dataType': 'json',
					'success': function(response)
					{
						if(parameters.submission === 'score')
						{
							console.log(response);
							
							$('#exp_level').html(response.exp_level);
							$('#experience').html(response.experience);
							$('#max_experience').html(response.max_experience);
							$('#experience_bar').css('width', (response.experience/response.max_experience*100)+'%');
						} else
						{
							
						}
					},
					'error': function(xhr, options, response)
					{
						console.log(response);
					}
				});
			}
		});
		</script>
		{% endif %}
		<embed src="{{ public_file(game, 'swf_url') }}" width="{{ width }}" height="{{ height }}"/>
	</div>
</div>
{{ parent() }}
{% endblock %}

{% block sidebar %}
{% if setting('Game.publisher_id') %}
<div class="box">
	<div class="title">
		<p class="title">{{ __('leaderboard') }}</p>
		{% if game.leaderboard_enabled %}
		<p id="leaderboards-tabs" class="right tabs">
			<a class="current">{{ __('periods', 'day') }}</a>
			<a>{{ __('periods', 'week') }}</a>
			<a>{{ __('periods', 'month') }}</a>
			<a>{{ __('periods', 'all') }}</a>
		</p>
		{% endif %}
	</div>
	{% if game.leaderboard_enabled %}
	<div id="leaderboards" class="content game tabs unpadded">
		{% for period,submissions in leaderboard (i) %}
		<div class="tab">
			{% if submissions %}
			<table class="leaderboard">
				{% for submission in submissions (place) %}
				<tr>
					<td class="icon"><a href=""><img class="icon" alt="" src="{{ submission.user.get_avatar }}"/></a></td>
					<td class="content">
						<p class="title">{[ submission.user.profile ]}</p>
						<p class="info"><span class="plays">{{ submission.score }}</span></p>
					</td>
					<td class="info"><p class="info"><span class="place place-{{ place }}">{{ __('place_result', place) }}</span></p></td>
				</tr>
				{% endfor %}
				{% if user.authenticated %}
				<tr class="highlight"{% if get(places, period, 'place') <= 10 %} style="display: none;"{% endif %}>
					<td class="icon"><a href=""><img class="icon" alt="" src="{{ user.get_avatar }}"/></a></td>
					<td class="content">
						<p class="title">{[ user.profile ]}</p>
						<p class="info"><span class="plays">{{ get(places, period, 'score') }}</span></p>
					</td>
					<td class="info"><p class="info"><span class="place place-{{ place }}">{{ __('place_result', get(places, period, 'place')) }}</span></p></td>
				</tr>
				{% endif %}
			</table>
			{% else %}
			<p>{{ __('leaderboard_no_scores') }}</p>
			{% endif %}
		</div>
		{% endfor %}
	</div>
	{% else %}
	<div class="content">
		<p>{{ __('leaderboard_disabled') }}</p>
	</div>
	{% endif %}
</div>
{% endif %}
{{ parent() }}
{% endblock %}

{% block content %}
<div class="box wide">
	<div class="title">
		<p class="title">{{ __('description') }}</p>
		<p class="right info">{{ get_date(game.ts_create) }}</p>
	</div>
	<div class="content">
		<table class="description">
			<tr>
				<td class="thumbnail"><img alt="" src="{{ public_file(game, 'thumbnail_url') }}"/></td>
				<td>
					<p>{{ game.description }}</p>
					<p class="info">
					{{ __('category') }}:
					{% for key,name in categories (i) %}{% if i == count(categories) && i > 1 %} & {% elif i > 1 %}, {% endif %}<a href="{{ path('Games', 'browse', {'category':key, 'order':'date', 'dir':'desc', 'page':1}) }}">{{ name }}</a>{% endfor %}
					{% if user.authenticated %}
					<br/>
					{{ __('referral') }}: <input id="referer" type="text" value="{{ http_path('Games', 'play', {'slug':game.slug}) }}?r={{ user.id }}" readonly="readonly"/>
					{% endif %}
					</p>
				</td>
			</tr>
		</table>
	</div>
</div>
{% if similar %}
<div class="box">
	<div class="title">
		<p class="title">{{ __('similar_games') }}</p>
	</div>
	<div class="content game">
		<table class="leaderboard">
			{% for instance in similar %}
			<tr>
				<td><a href="{{ path('Games', 'play', {'slug':instance.slug}) }}"><img class="icon" alt="" src="{{ public_file(instance, 'thumbnail_url') }}"/></a></td>
				<td class="content">
					<p class="title"><a href="{{ path('Games', 'play', {'slug':instance.slug}) }}">{{ instance.name }}</a></p>
					<p class="info"><span class="plays">{{ instance.category }}</span></p>
				</td>
				<td><p class="info"><span class="rating">{{ round(instance.rating, 1) }}</span></p></td>
			</tr>
			{% endfor %}
		</table>
	</div>
</div>
<div class="box">
	<div class="title">
		<p class="title">{{ __('games_for_user') }}</p>
	</div>
	<div class="content game">
		<table class="leaderboard">
			{% for instance in recommended %}
			<tr>
				<td><a href="{{ path('Games', 'play', {'slug':instance.slug}) }}"><img class="icon" alt="" src="{{ public_file(instance, 'thumbnail_url') }}"/></a></td>
				<td class="content">
					<p class="title"><a href="{{ path('Games', 'play', {'slug':instance.slug}) }}">{{ instance.name }}</a></p>
					<p class="info"><span class="plays">{{ instance.category }}</span></p>
				</td>
				<td><p class="info"><span class="rating">{{ round(instance.rating, 1) }}</span></p></td>
			</tr>
			{% endfor %}
		</table>
	</div>
</div>
{% endif %}
{% include "/inc/comments.html" %}
{% endblock %}